<style scoped src="./s-card.css"></style>
<template id="card">
    <div v-if="type === 'common'" :style="style" class="common-card">
        <slot></slot>
    </div>
    <div v-if="type === 'color'" :style="style" class="color-card">
        <slot></slot>
    </div>
</template>

<script setup>
import {ref, defineProps} from 'vue';

const props = defineProps({
    type: {
        type: String,
        default: 'common'
    },
    style: String
})

</script>
